/****************************************************************/
/****************************************************************/
/* BASE */
/****************************************************************/
/****************************************************************/


/* Divers blocs de base */
.pun TABLE, .pun DIV, .pun P, .pun H3,
.pun H4, .pun PRE, .pun BLOCKQUOTE, .pun UL, .pun OL, .pun LI, .pun DL,
.pun DT, .pun DD, .pun IMG, DIV.caseliens LI {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	list-style: none;
}

/* Titres */

.pun H1{
	font-family: Georgia, Arial, Times, serif;
	line-height:36px;
	font-size: 24px;
	font-weight: bold;
	color: #666666;
	font-style: italic;
	margin:0px;
	padding:0px;
}

.pun H2{
	line-height:14px;
	font-size: 11px;
	font-weight: bold;
	margin:0px;
	padding: 4px 6px;
	background-color: #EEEECC;
	color: #EEEECC;
	background-image:url(../images/forum-fond-titre-categories.jpg);
}

/* BORDURES */

DIV.box{
	border-style: solid;
	border-width: 0px
}

.pun BLOCKQUOTE, DIV.codebox, DIV.blockpost LABEL {
	border-style: solid;
	border-width: 1px
}
DIV.forminfo, DIV.forminfoblanc {
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	background-color: #F9F7DE;
	margin-bottom: 12px;
	padding: 4px 6px;
}

DIV.forminfoblanc {
	background-color: #FFFFFF;
	line-height:18px;
}
/* Espace autour du contenu */

/* 6.1 Default padding for main items */
	
	DIV.block DIV.inbox{
		padding: 0px
	}
	
	DIV.blockmenu DIV.inbox{
		padding: 3px 6px
	}

.inbox, .inbox LI {
	font-size: 12px;
}

.inbox LI {
	font-size: 11px;
}

/* Ligne de liens dans le header */
#brdmenu {
	background-color: #F9F7DE;
	line-height:18px;
	font-size:11px;
}

#brdmenu a:link, #brdmenu a:visited {
	text-decoration:none;
	color: #000000;
	font-weight:bold;
}

#brdmenu a:hover {
	text-decoration:underline;
	color: #666666;
	font-weight:bold;
}

#brdmenu LI {
	margin-left:8px;
	display: inline;
}

/* Texte d'accueil dans le header */

#brdwelcome{
	line-height: 14px;
	margin-top:6px;
	margin-bottom:20px;
}

/* Apparence de base des liens */
.pun a:link, .pun a:visited {
	text-decoration:underline;
	color: #663300;
}

.pun a:hover {
	text-decoration:none;
	color: #B07439;
}



/* Blocs de catégories */
DIV.blocktable, DIV.blockpost {
	margin-bottom: 14px;
	border-width:2px;
	border-style:solid;
	border-bottom-color:#000000;
}

#punindex DIV.blocktable {
	margin-bottom: 14px;
	border-width:2px;
	border-style:solid;
	border-bottom-color:#000000;
}


.pun .tcl {
	border-left: none
}

.tcl {
	text-align: left;
	width: 52%;
}

.tc2 {
	width: 9%;
	text-align: center;
}

.tc3 {
	width: 9%;
	text-align: center;
}

.tcmod {
	width: 9%;
	text-align: center;
}

.tcr {
	width: 30%;
	text-align: right;
}

.tcvar {
	text-align: center;
}

.tcvarg {
	text-align: left;
	overflow: HIDDEN;
	border-left:none;
}

.tcvard {
	text-align: right;
	overflow: HIDDEN;
	border-left:none;
}

.pun TH {
	background-color: #F9F7DE;
	margin: 0px;
	padding: 0px 6px;
	font-weight: normal;
	list-style: none;
	font-size:11px;
	border-color: #000000;
	border-style:dotted;
	border-width:1px;
	border-bottom: none;
	border-right: none;
	border-top: none;
}

.pun TD {
	padding: 10px 6px;
	font-size:12px;
	border-color: #000000;
	border-style:dotted;
	border-width:1px;
	border-bottom: none;
	border-right: none;
}

TD.tc2, TD.tc3, TD.tcmod, .tcl, TD.tcr{
	line-height:16px;
}

TD.tc2, TD.tc3, TD.tcmod {
	background-color: #FFFFFF;
}







.taclass{
	border-width:0px;
	text-align:center;
	margin:0px;
	margin-top:0px;
	border-spacing:2px;
}
		
TD.tdclass-surtitres, TD.tdclass-surtitresact, TD.tdclass-titres, TD.tdclass-titresact, TD.tdclass-case, TD.tdclass-case2 {
	border:none;
	padding:6px 8px;
}

TD.tdclass-surtitres, TD.tdclass-surtitresact{
	background-color:#262620;
	padding:4px 8px;
	color:#FFFFF1;
	text-align:center;
	margin:0px;
	font-weight:bold;
}

TD.tdclass-surtitresact{
	background-color:#FFFFF1;
	color:#262620;
}

TD.tdclass-titres {
	background-color:#EEEECC;
	padding:2px 4px;
	text-align:center;
	margin:0px;
	font-size:11px;
}

TR.trclass-ligne1{
	background-color:#F9F7DE;
}

TR.trclass-ligne2{
	background-color:#FFFFF1;
}

.tdclass-surtitre{
	padding:-2px;
	height:18px;
	color:#16506E;
	text-align:left;
	font-size:11px;
	margin:0px;
	font-weight:bold;
}

.tdclass-case{
	text-align:center;
	padding:4px;
}

.tdclass-case2{
	text-align:center;
	padding:2px 10px 2px 10px;
	border:2px solid #BCC4C8;
}

TD.tdclass-surtitres a.titreclassement{
	color:#FFFFFF;
	text-decoration:none;
}

TD.tdclass-surtitres a.titreclassement:hover{
	color:#BFBDA9;
}




DIV.icon, DIV.inew {
	float: left;
	margin-top: 1px;
	margin-left:1px;
	display: block;
	border-width: 0px;
	width:15px;
	height:15px;
	background-image:url(../images/forum-icon.jpg);
}

DIV.inew {
	background-image:url(../images/forum-icon-new.jpg);
}

TR.iredirect DIV.icon {border-color: #F1F1F1}

TD DIV.tclcon {
	margin-left: 22px;
}







/**************/
.pun P, .pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {
	padding: 3px 0px;
}

.pun LABEL {
	padding: 3px 0px;
	line-height:20px;
}

/* 6.2 Special spacing for various elements */

#brdtitle P {padding-top: 0px}

#brdfooter DL A, DIV.blockmenu LI, DIV.rbox INPUT  {line-height: 24px}
#viewprofile DT, #viewprofile DD {
	padding: 4px 12px;
	line-height: 20px;
	font-size:12px;
}

#viewprofile DT {padding-right: 5px}


/* 6.4 Create some horizontal spacing for various elements */
DIV.rbox INPUT, DIV.blockform P INPUT  {margin: 12px}

.saut{
	line-height:6px;
	background-color:#F9F7DE;
}

.pun IMG {border: none}

.pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {margin: 0}




/****************************************************************/
/* 2. STRUCTURAL SETTINGS - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/

/* 2.1 Clearing floats and invisible items */
.pun .clearer, .pun .nosize {
	height: 0;
	width: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden
}

.pun .clearer, .pun .clearb {CLEAR: both}
.pun .nosize {POSITION: absolute; LEFT: -10000px}

/* 2.2 Overflow settings for posts */

DIV.blockpost DIV.box, DIV.postsignature, DIV.postmsg {overflow: hidden}

/****************************************************************/
/* 3. BUG FIXES - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/

/* 3.1 This attempts to eliminate rounding errors in Gecko browsers. */

DIV>DIV>DIV.postfootleft, DIV>DIV>DIV.postfootright {padding-top: 1px; margin-top: -1px}

/* 3.2 This is only visible to IE6 Windows and cures various bugs. Do not alter comments */

/* Begin IE6Win Fix \*/
* HTML .inbox, * HTML .inform, * HTML .pun, * HTML .intd, * HTML .tclcon {height: 1px}
* HTML .inbox DIV.postmsg {width: 95%}
/* End of IE6Win Fix */

/* 3.3 This is the equivelant of 3.2 but for IE7. It is visible to other browsers
but does no harm */

/*Begin IE7Win Fix */
.pun, .pun .inbox, .pun .inform, .pun .intd, .pun .tclcon {min-height: 1px}
/* End of IE7Win Fix */

/****************************************************************/
/* 4. HIDDEN ELEMENTS */
/****************************************************************/

/* These are hidden in normal display. Add comments to make them visible */

#brdfooter H2, #brdstats H2, #brdstats .conl DT,  #brdstats .conr DT,
#modcontrols DT, #searchlinks DT, DIV.postright H3 {
	POSITION: absolute;
	display: block;
	overflow: hidden;
	width: 1em;
	LEFT: -999em
}

/****************************************************************/
/* 5. BOX CONTAINERS AND floatS */
/****************************************************************/

/* 5.1. Setup all left and right content using floats. */  

.conr {
	float: right;
	text-align: right;
	CLEAR: right;
	width: 55%
}

.conl {
	float: left;
	width: 40%;
	overflow: hidden;
	WHITE-SPACE: nowrap
}

LABEL.conl {
	width: auto;
	overflow: visible;
	margin-right: 10px;
}

/* 5.2 Set up page numbering and posts links */

DIV.linkst .conl, DIV.linksb .conl, DIV.postlinksb .conl , {width:18em}

DIV.linkst .conr, DIV.linksb .conr, DIV.postlinksb .conr {width:16em}

FORM DIV.linksb .conr {width: 32em}

/* 5.3 Keep breadcrumbs from shifting to the right when wrapping */

.linkst UL, linksb UL, .postlinksb UL {margin-left: 18em}

/* 5.4 Settings for Profile and Admin interface.*/

DIV.block2col {padding-bottom: 1px}

DIV.block2col DIV.blockform, DIV.block2col DIV.block, #viewprofile DD {margin-left: 14em}

DIV.blockmenu, #viewprofile DT {
	float:left;
	width: 13em
}

#profileavatar IMG {
	float: right;
	margin-left: 1em
}

#viewprofile DL {float: left; width: 100%; overflow: hidden}

/****************************************************************/
/* 6. TABLE SETUP */
/****************************************************************/

/* 6.1 Table Basic Setup */

.pun TABLE {width: 100%}

/* 6.2 Fixed Table Setup */

#punindex TABLE, #vf TABLE {TABLE-LAYOUT: fixed}


#punsearch #vf .tcl, #punmoderate #vf .tcl {width: 41%}

#punsearch #vf .tc2 {width: 18%; text-align: left}

.tcl, .tcr {overflow: HIDDEN}

/* 6.3 Other Table Setup */

#users1 .tcl {width: 40%}

#users1 .tcr {width: 25%}

#users1 .tc2 {width: 25%; text-align: left}

#users1 .tc3 {width: 10%; text-align: center}

#debug .tcr {width: 85%; WHITE-SPACE: normal}

#punindex TD.tcr SPAN.byuser {display: block}

/****************************************************************/
/* 7. VIEWTOPIC SETUP */
/****************************************************************/



DIV.postfootright, P.multidelete {text-align: right}

DIV.blockpost>DIV>DIV.inbox {padding-bottom: 1px}



/* 7.4 These items control overflow and scrolling within posts. */

DIV.incqbox {width: 100%; overflow: hidden}
DIV.scrollbox {width: 100%; overflow: auto}
IMG.postimg {max-width: 100%}
A .postimg {max-width: 100%}

/* 7.5 Turn off the poster information column for preview */

#postpreview DIV.postright {border-left: none}

/* 7.6 Create the horizontal line above signatures */

DIV.postsignature HR {
	margin-left: 0px;
	width: 200px;
	text-align: left;
	height: 1px;
	border:none
}

/* 7.7 Maximum height for search results as posts. Position go to post link */

DIV.searchposts DIV.postmsg {height: 8em}
DIV.searchposts DD P {padding-top: 3em}

/* 7.8 Class for bbcode [u] */

SPAN.bbu {text-decoration: underline}

/****************************************************************/
/* 8. LISTS SPECIAL SETTINGS */
/****************************************************************/

/* 8.1 Horizontal display of online list, main navigation menu and breadcrumbs */

#onlinelist DD, #onlinelist DT, DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI,
DIV.postfootright LI, UL.bblinks LI {
	display: inline;
	height: 0
}

.avertissement {
	width:834px;
	margin: 1px 0px 3px 0px;
	padding:2px 6px;
	background-color:#FFFFFF;
	border:1px solid #000;
	font-weight:bold;
	background-color:#ddd;
	text-align:right;
}

a.pointsne {
	color:#666;
	text-decoration:none;
}

a.pointsne:hover {
	color:#AA3333;
	text-decoration:none;
}

a.entrainement {
	color:#000;
	text-decoration:none;
}

a.entrainement:hover {
	color:#AA3333;
	text-decoration: underline;
}

.caseliens{
	background-color:#000000;
	padding:0px;
	margin: 0px;
	margin-bottom:2px;
	border-style:solid;
	border-width:1px;
	border-color:#F5F5EE;
	width:846px;
	float:left;
	vertical-align:middle;
	color:#EEE;
}

#haut {
	padding: 0px;
	height:145px;
}

DIV.caseliens LI {
	display: inline;
	color:#000000;
	line-height:25px;
	padding:0px 0px 0px 15px;
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

DIV.logindroite LI {
	color:#EEE;
}

DIV.caseliens UL {
	padding:0px;
	margin:0px;
}

.lienchapo:link, .lienchapo:visited {
	color: #996633;
	text-align:right;
	text-decoration:none;
}

.lienchapo:hover {
	color:#CC9966;
	text-decoration:underline;
}

.deconnexion2:link, .deconnexion2:visited {
	color: #CC9966;
	text-align:right;
	font-weight: bold;
	font-size:12px;
	width:130px;
	text-decoration:none;
}

.deconnexion2:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.autrequiz:link, .autrequiz:visited {
	color: #663300;
	text-align:right;
	font-weight: bold;
	font-size:14px;
	width:130px;
	text-decoration:none;
}

.autrequiz:hover {
	color:#996600;
	text-decoration:underline;
}


DIV.caseliens LI A:link, DIV.caseliens LI A:visited, .deconnexion2 A:visited {
	color: #EEE;
	text-decoration:none;
}

DIV.caseliens LI A:hover {
	color:#CC9966;
}

.logindroite{
	float:right;
}

.boutonLogin {
	border:2px;
	border-style:outset;
	background-color:#000000;
	color: #C5C5BE;
	width:70px;
	height:20px;
	padding-bottom:2px;
	font-size:10px;
	font-weight:bold;
	margin-right:4px;
}

.inputlogin2 {
	border:1px;
	border-style:solid;
	background-color:#F9F7DE;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:90px;
	height:14px;
	margin:0px 0px 2px 0px;
	padding:1px;
	vertical-align:middle;
}

.formlogin {
	font-size: 12px;
	line-height: 13px;
	margin:0px;
}

/* 8.2 Turn on square icon for posterror list */

#posterror UL LI {list-style: square inside}

/* 8.3 Right alignment of descriptions in ordinary member view of other members profiles */

#viewprofile DT {text-align: right}

/****************************************************************/
/* 9. FORM SETTINGS */
/****************************************************************/

/* 9.1 Makes textareas and long text inputs shrink with page */

.pun LABEL {
	display: block;
	font-size:12px;
}

#qjump SELECT {width: 50%}

/****************************************************************/
/* 10. HELP FILES AND MISC. */
/****************************************************************/

/* 10.1 Put some space between sections of the help file */

#helpfile H2 {margin-top: 12px}

/* 10.2 Internal padding */

#helpfile DIV.box {padding: 10px}

/* 10.3 Other templates */

#punredirect DIV.block, #punmaint DIV.block {margin: 50px 20% 12px 20%}




/* 2.1 This sets the default Font Group */

.pun, .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.pun {font-size: 11px; line-height: normal}

/* IEWin Font Size only - to allow IEWin to zoom. Do not remove comments \*/
* HTML .pun {font-size: 68.75%}
/* End IE Win Font Size */

/* Set font size for tables because IE requires it */
.pun TABLE, .pun INPUT, .pun SELECT, .pun OPTGROUP, .pun TEXTAREA, {font-size: 12px}

/* 2.2 Set the font-size for preformatted text i.e in code boxes */

.pun PRE {FONT-FAMILY: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace}

/* 2.3 Font size for headers */

.pun H4 {font-size: 12px}
.pun H3 {font-size: 13px}

/* 2.4 Larger text for particular items */
.pun PRE {font-size: 14px}

/* 2.5 Bold text */

DIV.postmsg H4, TD.tcl H3, DIV.forminfo H3, DIV.forminfoblanc H3, P.postlink, DIV.linkst LI,
DIV.linksb LI, DIV.postlinksb LI, .blockmenu LI, .pun SPAN.warntext, .pun P.warntext {font-weight: bold}



/****************************************************************/
/* 3. LIENS */
/****************************************************************/

/* Autres liens */
.blockpost DT A:link, .blockpost DT A:visited, .postlink A:link, .postlink A:visited, .postfootright A:link, .postfootright A:visited,
.blockmenu A:link, .blockmenu A:visited {
	text-decoration: none;
}

.blockpost H2 a:link, .blockpost H2 a:visited {
	color:#EEEECC;
	text-decoration: none;
}

.blockpost H2 A:hover {text-decoration: underline;}

/****************************************************************/
/* 5. VERTICAL AND PAGE SPACING */
/****************************************************************/

/* 5.1 Page margins */

/* HTML, BODY {margin: 0; padding: 0}
#punwrap {margin:12px 20px} */

/* 5.2 Creates vertical space between main board elements (margins) */

DIV.block, DIV.blockform, DIV.block2col, #postreview {margin-bottom: 12px}
DIV.block2col DIV.blockform, DIV.block2col DIV.block {margin-bottom: 0px}

/* 5.3 Remove space above breadcrumbs, postlinks and pagelinks with a negative top margin */
DIV.linkst {
	padding-left: 8px;
	margin-top: -19px;
	margin-bottom:0px;

}

.pagelink {
	font-size:11px;

}

.footer {
	font-size:11px;
	line-height:13px;

}

DIV.linksb {
	padding-left: 8px;
	margin-top: -15px;
	margin-bottom:6px;

}

DIV.postlinksb {
	padding: 8px 6px 3px 6px;
	margin-top: -6px;
}

/* 5.4 Put a 12px gap above the board information box in index because the category tables only
have a 6px space beneath them */

#brdstats {margin-top: 12px}




/****************************************************************/
/* 7. SPACING FOR TABLES */
/****************************************************************/

.pun TD P {padding: 5px 0 0 0}

/****************************************************************/
/* 8. SPACING FOR POSTS */
/****************************************************************/


/* 8.2 Extra spacing for poster contact details and avatar */

DD.usercontacts, DD.postavatar {margin-top: 5px}
DD.postavatar {margin-bottom: 5px}

/* 8.3 Extra top spacing for signatures and edited by */

DIV.postsignature, DIV.postmsg P.postedit {padding-top: 15px}
DIV.postmsg P.postedit {font-size: 12px}
DIV.postmsg P {line-height: 1.4}

/* 8.4 Spacing for code and quote boxes */

DIV.postmsg H4 {margin-bottom: 10px}
.pun BLOCKQUOTE, DIV.codebox {margin: 5px 15px 15px 15px; padding: 8px}

/* 8.5 padding for the action links and online indicator in viewtopic */

DIV.postfootleft P, DIV.postfootright UL, DIV.postfootright DIV {padding: 10px 6px 5px 6px}

/* 8.6 This is the input on moderators multi-delete view */

DIV.blockpost INPUT, DIV.blockpost LABEL {
	padding: 3px;
	display: inline
}

P.multidelete {
	padding-top: 15px;
	padding-bottom: 5px
}

/* 8.7 Make sure paragraphs in posts don't get any padding */

DIV.postmsg P {padding: 0}

/****************************************************************/
/* 9. SPECIAL SPACING FOR FORMS */
/****************************************************************/

/* 9.1 padding around fieldsets */

DIV.blockform FORM {padding: 0px}
DIV.fakeform {padding: 13px 0px 0px 0px}
DIV.inform {
	padding-bottom: 20px;
}

/* 9.2 padding inside fieldsets */
.pun LEGEND {
	padding: 0px 6px;
	margin-left:8px;
	font-size:11px;
	font-weight:bold;
}

DIV.infldset {
	padding: 8px;
	font-size:12px;	
}

DIV>FIELDSET {
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
}

.pun FORM {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	list-style: none;
}

.pun FIELDSET {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	list-style: none;
}

DIV.txtarea TEXTAREA, INPUT.longinput {width: 100%}


/* 9.3 The information box at the top of the registration form and elsewhere */



/* 9.4 BBCode help links in post forms */

UL.bblinks LI LI {padding-right: 20px}

UL.bblinks {padding-bottom: 10px; padding-left: 4px}

/* 9.5 Horizontal positioning for the submit button on forms */

DIV.blockform P INPUT {margin-left: 12px}





/****************************************************************/
/****************************************************************/
/* COULEURS */
/****************************************************************/
/****************************************************************/

/****************************************************************/
/* 1. background AND TEXT COLOURS */
/****************************************************************/

/* 1.1 Default background colour and text colour */
/* BODY {background-color: #FFF} */

DIV.box{
	background-color: #FFFFFF;
}

.pun BLOCKQUOTE, DIV.codebox, #adminconsole FIELDSET TH, .rowodd, .roweven {
	background-color: #F1F1F1;
}

#adminconsole TD, #adminconsole TH {border-color: #F1F1F1}

/* 1. 2 Darker background colours */

#postpreview, #viewprofile DD, #adminconsole FIELDSET TD, DIV.blockmenu DIV.box, #adstats DD {background-color: #FFFFF1}
#postpreview, #viewprofile DT, #adminconsole FIELDSET TD, DIV.blockmenu DIV.box, #adstats DT {background-color: #F9F7DE}



/* 1.4 Table header rows */

.bgc4 {background-color: #D1D1D1}

/* 1.5 Fieldset legend text colour */

.pun LEGEND {
	color: #000000;
	font-weight:bold;
}

/* 1.6 Highlighted text for various items */

.pun DIV.blockmenu LI.isactive A, #posterror LI STRONG, {color: #333}

/****************************************************************/
/* 2. POST backgroundS AND TEXT */
/****************************************************************/

/* 2.1 This is the setup for posts. */

DIV.blockpost DIV.box, DIV.postright, DIV.postfootright {background-color: #FFFFF1}
DIV.postright, DIV.postfootright {border-left-color: #F9F7DE}


DIV.postleft, DIV.postfootleft, DIV.blockpost LABEL {
	background-color: #F9F7DE;
}

DIV.postleft DL, DIV.postright {padding: 6px}

DIV.postleft DT {
	font-weight: bold;
	font-size: 11px;
}


/* 7.1 This is the basic structure. */
DIV.postleft {overflow: hidden}

DIV.postleft, DIV.postfootleft {
	float:left;
	width: 140px;
	overflow: hidden;
	POSITION: relative;
}

DIV.postright, DIV.postfootright {
	border-left-width: 140px;
	border-left-style: solid
}

DIV.postmsg {
	font-size:12px;
	padding:0px 8px;
}






/* 2.2 Background for post headers and text colour for post numbers in viewtopic */

DIV.blockpost H2 {
	background-color: #000000;
	color:#EEEECC;
}
DIV.blockpost H2 SPAN.conr {color: #000000}

/* 2.3 This is the line above the signature in posts. Colour and background should be the same */

.pun HR {background-color: #333; color: #333}

/****************************************************************/
/* 3. border COLOURS */
/****************************************************************/

/* 3.1 All external borders */

/* DIV.box {border-color: #6C8A3F} */

/* 3.2 Makes the top border of posts match the colour used for post headers */

DIV.blockpost DIV.box {border-color: #7EA34B #6C8A3F #6C8A3F}

/* 3.4 Creates the inset border for quote boxes, code boxes and form info boxes */

.pun BLOCKQUOTE, DIV.codebox, DIV.blockpost LABEL {border-color: #ACA899 #FFF #FFF #ACA899}

/* 3.5 Gecko's default fieldset borders are really nasty so this gives them a colour
without interferring with IE's rather nice default */



/****************************************************************/
/* 4. AUTRES COULEURS DE LIENS */
/****************************************************************/


/* 4.2 This is the colour for links in header rows and the navigation bar */

.pun H2 A:link, .pun H2 A:visited, {color: #EEEECC}
.pun H2 A:hover {color: #FFF}

/* 4.3 This is for closed topics and "hot" links */

LI.postreport A:link, LI.postreport A:visited, TR.iclosed TD.tcl A:link, TR.iclosed TD.tcl A:visited {color: #888}
LI.postreport A:hover, TR.iclosed TD.tcl A:hover {color: #AAA}
LI.maintenancelink A:link, LI.maintenancelink A:visited {color: #B42000}
LI.maintenancelink A:hover {color: #B42000}





/****************************************************************/
/****************************************************************/
/* Quiz combat */
/****************************************************************/
/****************************************************************/

.fondchoix {
	background-color:#F9F7DE;
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	padding: 2px 0px;
	margin: 0px;
	margin-bottom:4px;
}

.parametrequiz {
	font-weight:bold;
	padding-left:4px;
	font-size:16px;
}

.fondchoix2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	padding-top:10px;
	margin-bottom:2px;
}


.verifier {
	border:2px;
	border-style:solid;
	background-image:url(../images/verifier.jpg);
	background-color:#F9F7DE;
	width:204px;
	height:34px;
	margin-top:4px;
}

.lancer {
	border:2px;
	border-style:solid;
	background-image:url(../images/lancer.jpg);
	background-color:#F9F7DE;
	width:188px;
	height:24px;
	margin-top:4px;
}

.lancerlequiz {
	border:2px;
	border-style:solid;
	background-image:url(../images/lancerlequiz.jpg);
	width:256px;
	height:40px;
	margin-top:8px;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align:left;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#leurre{	
	clear:both;
	height:12px;
}

.bas {
	clear:both;
	text-align:center;
	width:950px;
	height:20px;
	margin-top:4px;
	margin-bottom:10px;
	border:0px solid #000;
	font-size:11px;
	font-weight:bold;
	color:#f9f7de;
	text-decoration:none;
}

.bas a:hover {
	text-decoration:underline;	
}

#corps{
	width:850px;
	text-align:left;
	height:100%;
}

#titre{
	background-image:url(../images/soleil-noir.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:0px;
	margin-top:0px;
	width:950px;
	height:100%;
	background-color:#F9F7DE;
}

#centre{
	width:850px;
	float:left;
	margin:0px;
	padding:0px;
}

#gauche{
	width:622px;
	float:left;
	margin:0px;
	padding:0px;
}

#droite{
	width:218px;
	float:right;
	margin:0px;
	padding:0px;
}

.case200{
	background-color:#FFFFFF;
	padding:4px 12px 4px 12px;
	margin: 0px;
	margin-bottom:10px;
	border-style:solid;
	border-width:3px;
	border-color:#000000;
	width:188px;
	height:100%;
}

.caselogin{
	font-size:11px;
	line-height:18px;
	color:#333300;
}

.Titrelogin {
	font-family: Georgia, Arial, Times, serif;
	line-height:10px;
	font-size:17px;
	font-weight: bold;
	color: #666666;
	padding:4px 0px 6px 0px;
	font-style:italic;
	float:left;
	width:30px;
}

.pas-inscrit, .deconnexion {
	color: #663300;
	text-align:right;
	font-weight: bold;
	text-decoration:underline;
	font-size:11px;
	float:right;
	width:130px;
}

.deconnexion {
	float:none;
	text-align:center;
}

.inputlogin {
	border:1px;
	border-style:solid;
	background-color:#F9F7DE;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:110px;
	height:14px;
	margin:2px 0px 2px 0px;
	padding:1px;
	vertical-align:middle;
}

.ligneloginG{
	float:left;
	text-align:left;
	margin:1px 0px 0px 4px;
	width:65px;
}

.ligneloginD{
	float:right;
	width:115px;
}

.connexion{
	margin-top:4px;
	background-image:url(../images/connexion.jpg);
	font-size:11px;
	border:1px solid #000000;
	height:18px;
	width:188px;
	font-weight:bold;
	font-family: Georgia, Arial, Times, serif;
	color: #666666;
}

.casequestions, .casegoogle {
	background-color:#FFFFFF;
	margin: 0px;
	margin-bottom:10px;
	padding: 4px 12px 4px 12px;
	border-style:solid;
	border-width:3px;
	border-color:#000000;
	height:100%;
}

.casegoogle {
	padding: 0px 4px;
}

.Titre, h1 {
	font-family: Georgia, Arial, Times, serif;
	line-height:36px;
	font-size: 24px;
	font-weight: bold;
	color: #666666;
	font-style: italic;
	
	margin: 4px 0px;
	text-align:center;
}

.Chapo {
	font-size: 11px;
	color: #333333;
	font-weight:bold;
}

.cdivtext{background-color:none;} 
.cdivtexthover{background-color:#000099;}

.cQuestionUne, .ReponseUneJuste, .ReponseUneFausse {
	font-size: 12px;
	margin:12px;
	padding: 18px 24px;
	border: 1px dashed #000000;
}

.cQuestionUne {
	background-color:#EEEECC;
}

#Question {
	font-size: 12px;
	margin-left:6px;
	margin-right:6px;
	padding:12px;
	border-style:dashed;
	border-width:0px 0px 1px 0px;
    float:left;
	width:548px;
	border-bottom-color:#000000;
}

.cQuestion{
	background-color:#EEEECC;
}

.cQuestionhover{
	background-color:#FFFFC4;
}

.cQuestionPaire {
	background-color:#FFFFFF;
}

.ReponseJuste, .ReponseFausse {
	font-size: 12px;
	margin-left:6px;
	margin-right:6px;
	padding:12px;
	border-style:dashed;
	border-width:0px 0px 1px 0px;
    float:left;
	width:548px;
}

.ReponseJuste, .ReponseUneJuste {
	background-image:url(../images/rj.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.ReponseFausse, .ReponseUneFausse {
	background-image:url(../images/rf.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FEF9F9;
}


.EQuestion, aEQuestion {
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia, Arial, Times, serif;
	color: #000;
	text-decoration:none;
}

.SurtitreQuestion, a.SurtitreQuestion , a.SurtitreQuestion:hover {
	font-size: 12px;
	font-weight: bold;
	color:#000;
	text-decoration:none;
}

a.SurtitreQuestion:hover {
	text-decoration:underline;
}

/* INSCRIPTION */

.TitreInscription {
	font-size: 13px;
	font-weight:bold;
	color:#333300;
	line-height:13px;
	margin-bottom:8px;
	padding-left:4px;
}

.inputINSC, .inputINSCF, .inputINSCMF, .inputINSCM, .inputINSCMD {
	border:1px;
	border-style:solid;
	background-color:#F2FFF5;
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:155px;
	height:17px;
	margin:0px 0px 8px 0px;
	padding:1px;
}

.inputAREAF, .inputAREAF2 {
	border:1px;
	border-style:solid;
	background-color:#F5F5EE;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:400px;
	margin:0px 0px 8px 0px;
	padding:8px;
}

.inputAREAF2 {
	padding:0px;
}

.inputINSCM {
	width:126px;
	margin:0px;
}

.inputINSCMD {
	width:126px;
	height:19px;
	margin:0px;
}

.inputPAYS, .inputPAYSF {
	border:1px;
	border-style:solid;
	background-color:#F2FFF5;
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:198px;
	height:18px;
	margin:0px 0px 8px 0px;
	padding:0px;
}

.inputDATE, .inputDATEF {
	border:1px;
	border-style:solid;
	background-color:#F2FFF5;
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333300;
	width:64px;
	height:18px;
	margin:0px 0px 8px 0px;
	padding:0px;
}

.inputSEXE, .inputSEXEF {
	border:1px;
	border-style:solid;
	background-color:#E0F4FB;
	margin:0px 0px 8px 0px;
}

.inputINSCF, .inputPAYSF, .inputDATEF, .inputSEXEF, .inputINSCM, .inputINSCMD {
	background-color:#F5F5EE;
}

.inputINSCMF {
	background-color:#F5F5EE;
	width:300px;
}


.clire{
	clear:both;
}


.boutonEnvoyer {
	border:2px;
	border-style:outset;
	background-color:#F5F5EE;
	width:154px;
	height:24px;
	padding-bottom:2px;
	font-weight:bold;
}

.fond-theme {
	background-image:url(../images/fond-theme.jpg);
	width:240px;
	height:58px;
	float:left;
	margin:6px;
	padding:10px 12px 12px 8px;
}

.pasdecontour {
	border-width:0px;
}